<!DOCTYPE html>
<html lang="en">
<head>
    <title>我的订单</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/style.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/ipad.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/yt_css/iphone.css">
</head>
<body class="body">
<div class="container">

    <div class="fexiao_content">
        <div class="left">
            <h2>分销中心</h2>
            <ul>
                <li><a href="" class="active">我的订单</a></li>
                <li><a href="">我的购物车</a></li>
                <li><a href="">密码修改</a></li>
                <li><a href="">我的收藏</a></li>
                <li><a href="">浏览记录</a></li>
                <li><a href="">收货地址</a></li>
                <li><a href="">我的银行卡</a></li>
                <li><a href="">我的留言</a></li>
                <li><a href="">我的投诉</a></li>
            </ul>
        </div>
        <div class="right zuji_right">
            <h2><a class="active">所有订单</a><a>待付款</a><a>待发货</a><a>待收货</a><a>待评价</a><img src="images/del.png" alt=""></h2>
            <label>
                <input type="checkbox" value=""> 全选
            </label>
            <!-- 购物车单条数据循环 -->
            <div class="shoplist ddlist">
                <div class="shophead">
                    <label>
                        <input type="checkbox">&emsp;2017-09-10&emsp;订单号：123456799456789
                    </label>
                    <span>待付款</span>
                </div>
                <div class="shopbody">
                    <a href=""><img src="images/tu2.png" alt=""></a>
                    <div class="guige">
                        <h4>17年夏装新款学生T恤青春显瘦女装</h4>
                        <span>黑色</span><span>均码</span>
                    </div>
                    <b>￥9.90元</b>
                    <button>立即付款</button>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- 循环结束 -->
            <div class="shoplist ddlist">
                <div class="shophead">
                    <label>
                        <input type="checkbox">&emsp;2017-09-10&emsp;订单号：123456799456789
                    </label>
                    <span>待付款</span>
                </div>
                <div class="shopbody">
                    <a href=""><img src="images/tu2.png" alt=""></a>
                    <div class="guige">
                        <h4>17年夏装新款学生T恤青春显瘦女装</h4>
                        <span>黑色</span><span>均码</span>
                    </div>
                    <b>￥9.90元</b>
                    <button>立即付款</button>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="shoplist ddlist">
                <div class="shophead">
                    <label>
                        <input type="checkbox">&emsp;2017-09-10&emsp;订单号：123456799456789
                    </label>
                    <span>待发货</span>
                </div>
                <div class="shopbody">
                    <a href=""><img src="images/tu2.png" alt=""></a>
                    <div class="guige">
                        <h4>17年夏装新款学生T恤青春显瘦女装</h4>
                        <span>黑色</span><span>均码</span>
                    </div>
                    <b>￥9.90元</b>
                    <button>提醒发货</button>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="shoplist ddlist">
                <div class="shophead">
                    <label>
                        <input type="checkbox">&emsp;2017-09-10&emsp;订单号：123456799456789
                    </label>
                    <span>待评价</span>
                </div>
                <div class="shopbody">
                    <a href=""><img src="images/tu2.png" alt=""></a>
                    <div class="guige">
                        <h4>17年夏装新款学生T恤青春显瘦女装</h4>
                        <span>黑色</span><span>均码</span>
                    </div>
                    <b>￥9.90元</b>
                    <button>立即评价</button>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="shoplist ddlist">
                <div class="shophead">
                    <label>
                        <input type="checkbox">&emsp;2017-09-10&emsp;订单号：123456799456789
                    </label>
                    <span>已完成</span>
                </div>
                <div class="shopbody">
                    <a href=""><img src="images/tu2.png" alt=""></a>
                    <div class="guige">
                        <h4>17年夏装新款学生T恤青春显瘦女装</h4>
                        <span>黑色</span><span>均码</span>
                    </div>
                    <b>￥9.90元</b>
                    <!-- <button>确认收货</button> -->
                    <div class="clear"></div>
                </div>
            </div>

            <div class="tcdPageCode"></div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="zhanwei"></div>
    <div class="footer">
        <div class="footerr">
            <ul>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <li><a href="">淘宝网</a></li>
                <div class="clear"></div>
            </ul>
            <p>服务许可证[京卫网审[2014]第0168号 经营许可证编号：京ICP证080149号 京ICP备09011420号</p>
            <p>电话：400-1234678 <span>地址：河北省石家庄市长安区中上路123号</span></p>
            <p>河北远拓科技有限公司提供技术支持</p>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery.page.js"></script>
<script type="text/javascript">
    /*点击左边标签部分选中状态*/
    $(".left ul li a").click(function(){
        $(".left ul li a").removeClass("active");
        $(this).addClass("active");
    });
    $(".zuji_right h2 a").click(function(){
        $(".zuji_right h2 a").removeClass("active");
        $(this).addClass("active");
    })
    /*分页*/
    $(".tcdPageCode").createPage({
        pageCount:100,
        current:1,
        backFn:function(p){
            //console.log(p);
        }
    });
    /*点击删除所在行*/
    $(".del").click(function(){
        $(this).parent().remove()
    })
</script>
<script>
    // 数量减
    $(".minus").click(function() {
        var t = $(this).parent().find('.am-num-text');
        t.val(parseInt(t.val()) - 1);
        if (t.val() <= 1) {
            t.val(1);
        }
    });
    // 数量加
    $(".plus").click(function() {
        var t = $(this).parent().find('.am-num-text');
        t.val(parseInt(t.val()) + 1);
        if (t.val() <= 1) {
            t.val(1);
        }
    });
</script>
</body>

</html>